<script src="<?=base_url(); ?>theme/js/main.js"></script>

<div class="widget_wrap" style="margin-top: -10px; margin-left: -10px; width: 600px;">
   
	<h1>
		<input type="hidden" id="codeproduct" value="<?php echo $productData->code; ?>"> 
		<?php echo $productData->code; ?> - 
		<input type="hidden" id="description" value="<?php echo $productData->description; ?>"> 
		<?php echo $productData->description; ?>
	</h1>
	
	<p>CAJA x <?php echo $productData->box_packs . " " . strtoupper($productData->pack_desc); ?></p>
   
	<script>
	function validar_distribucion(){
		var total_cajas = 0;
		var total_paquetes = 0;
		var total_unidades = 0;
		
		$('#distribucion tr').each(function (i) {
			var almacen = $(this).attr("almacen");
			var cantidad_cajas = $(this).find("input[name=cajas]").val();
			var cantidad_paquetes = $(this).find("input[name=paquetes]").val();
			var cantidad_unidades = $(this).find("input[name=unidades]").val();
			
			if(almacen != undefined){
				if(cantidad_cajas == '') cantidad_cajas = 0;
				if(cantidad_paquetes == '') cantidad_paquetes = 0;
				if(cantidad_unidades == '') cantidad_unidades = 0;
				
				total_cajas = parseFloat(total_cajas) + parseFloat(cantidad_cajas);
				total_paquetes = parseFloat(total_paquetes) + parseFloat(cantidad_paquetes);
				total_unidades = parseFloat(total_unidades) + parseFloat(cantidad_unidades);
			}					
		});

		if($('#quantityBoxes').val()!=total_cajas){
			alert("La distribución de cajas no coincide con el total del pedido");
			return false;
		}else if($('#quantityPackages').val()!=total_paquetes){
			alert("La distribución de empaques no coincide con el total del pedido");
			return false;
		} else if($('#quantityUnits').val()!=total_unidades){
			alert("La distribución de unidades no coincide con el total del pedido");
			return false;
		}
		
		return true;
	}
	
	function add_product(){
		if(!validar_distribucion())
			return false;
			
		if($('#quantityBoxes').val() == '' && $('#quantityPackages').val() == '' && $('#quantityUnits').val()==''){
				 alert('Debe ingresar algunos productos ( caja, empaque o unidades ) a la compra para poder guardar');
		}else{
			var totalvalorcajas = $('#quantityBoxes').val();
			var totalvalorpaketes = $('#quantityPackages').val();
			var totalvalorunidades = $('#quantityUnits').val();
			var totalcost = $('#cost').val();
			var totaltotalcost = $('#total_amout').val();

			if(totalvalorcajas == ''){ totalvalorcajas= 0; }
			if(totalvalorpaketes == ''){ totalvalorpaketes= 0; }
			if(totalvalorunidades == ''){ totalvalorunidades= 0; }
			if(totalcost == ''){ totalcost= 0; }
			if(totaltotalcost == ''){ totaltotalcost= 0; }

			var html_totales = '<td align="left"><input type="hidden" name="product_id_detalle[]" value="<?php echo $productData->products_id; ?>"><?php echo $productData->description; ?></td>'+
			'<td align="center"><input type="hidden" name="total_cajas[]" value="'+totalvalorcajas+'">'+totalvalorcajas+'</td>'+
			'<td align="center"><input type="hidden" name="total_paquetes[]" value="'+totalvalorpaketes+'">'+totalvalorpaketes+'</td>'+
			'<td align="center"><input type="hidden" name="total_unidades[]" value="'+totalvalorunidades+'">'+totalvalorunidades+'</td>'+
			'<td align="right"><input type="hidden" name="total_cost[]" value="'+parseFloat(totalcost).toFixed(2)+'">US$ '+parseFloat(totalcost).toFixed(2)+'</td>'+
			'<td align="right"><input type="hidden" name="total_subtotalcost[]" value="'+parseFloat(totaltotalcost).toFixed(2)+'">US$ '+parseFloat(totaltotalcost).toFixed(2)+'</td>'+
			'<td width="10%" align="center"><a id="remove-this-row-<?php echo $productData->products_id; ?>" class="action-icons c-Delete">Delete</a></td>';
			
			var html_distribucion = '<td><?php echo $productData->code; ?>';
			
			$('#distribucion tr').each(function (i) {
				var almacen = $(this).attr("almacen");
				var cantidad_cajas = $(this).find("input[name=cajas]").val();
				var cantidad_paquetes = $(this).find("input[name=paquetes]").val();
				var cantidad_unidades = $(this).find("input[name=unidades]").val();
				
				if(almacen != undefined){
					if(cantidad_cajas == '') cantidad_cajas = 0;
					if(cantidad_paquetes == '') cantidad_paquetes = 0;
					if(cantidad_unidades == '') cantidad_unidades = 0;
					
					if((cantidad_unidades + cantidad_paquetes + cantidad_cajas) > 0){
						html_distribucion += '<input type="hidden" name="product_id_almacenes[]" value="<?php echo $productData->products_id; ?>">';
						html_distribucion += '<input type="hidden" name="id_almacen[]" value="'+almacen+'">';
						html_distribucion += '<input type="hidden" name="cajas_de_almacen[]" value="'+cantidad_cajas+'">';
						html_distribucion += '<input type="hidden" name="paquetes_de_almacen[]" value="'+cantidad_paquetes+'">';
						html_distribucion += '<input type="hidden" name="unidades_de_almacen[]" value="'+cantidad_unidades+'">';
					}
				}					
			});
			
			html_distribucion += '</td>';
			
			$('#contentProductList').append('<tr>' + html_distribucion + html_totales + '</tr>');
			
			$('#remove-this-row-<?php echo $productData->products_id; ?>').click(function(event) {
				$(this).closest("tr").remove();
				calcular_total_guia();
				return false; 
			});
			
			calcular_total_guia();
		}
		return true;
	}
	$(document).ready(function() {
		$('#addProducts').click(function(){ 
			if(add_product()){
				regresa_listar_productos();
			}
		});
		
		$('#addProducts_shop').click(function(){ 
			if(add_product()){
				$.modal.close();
			}
		});
			  
        $('#mostrar_almacenes').click(function(){ /*DESPLEGAR ALAMCENES*/
		    $('#distribuir_carga').slideToggle();    
		});
	
		$('#btn_cancelar_distribucion_carga').click(function(){
			//$('#caja').val('');
			//$('#paquete').val('');
			//$('#unidades').val('');
			$('#distribuir_carga').slideToggle();  
		});
                    
		function calcular_costo_total(){
			var unidadesxpaquete = <?php echo $productData->pack_units; ?>;       
			var caja,paq,unidad=0;
			var totalunidadxcaja , totalunidadxpaquete, totalunidad = 0;
			var totalcostoxpcaja, totalcostoxpaquete, totalcostoxunidad = 0;
		
			caja = $('#quantityBoxes').val();
			if(caja == ""){
			 caja = 0;  
			}

			totalunidadxcaja  = (<?php echo $productData->box_packs; ?> * <?php echo $productData->pack_units; ?>) * caja; /*import*/
			totalcostoxpcaja = (($('#cost').val() / <?php echo $productData->pack_units; ?> ) * totalunidadxcaja).toFixed(2);
			
			paq = $('#quantityPackages').val();
			if(paq == ""){
			 paq = 0;
			}

			totalunidadxpaquete = unidadesxpaquete * paq;
			totalcostoxpaquete =  (($('#cost').val() / <?php echo $productData->pack_units; ?> )* totalunidadxpaquete).toFixed(2);
			
			unidad = $('#quantityUnits').val();
			if(unidad == ""){
			 unidad = 0;  
			}
										   
			totalunidad = unidad;
			totalcostoxunidad = (($('#cost').val() / <?php echo $productData->pack_units; ?> )* totalunidad).toFixed(2); 
		
			$('#total_amout').val(parseFloat(totalcostoxpcaja) + parseFloat(totalcostoxpaquete) + parseFloat(totalcostoxunidad));  
		}
		
		$('#quantityBoxes').focusout(function(){   
		   calcular_costo_total();
		});
		
		$('#quantityPackages').focusout(function(){   
		   calcular_costo_total();
		});
		
		$('#quantityUnits').focusout(function(){   
		   calcular_costo_total();
		});
		
		$('#cost').focusout(function(){   
		   calcular_costo_total();
		});
            });
        </script>

        <div class="widget_content">
            <table id="productTable" class="wtbl_list" cellpadding="0" cellspacing="0" >
                <thead>
                    <tr>
                        <th>Cajas</th>
                        <th>Empaques</th>
                        <th>Unidades</th>
                        <th>Costo Empaque</th>
                        <th>Total a Pagar</th>
                                             
                    </tr>
                </thead>
                <tbody>


                    <tr class="tr_even" >
                        <td><input id="quantityBoxes" class="onlyNumber" type="text" style="width: 40px" placeholder="0" /></td>
                        <td><input id="quantityPackages" class="onlyNumber" type="text" style="width: 40px" placeholder="0"/></td>
                        <td><input id="quantityUnits" class="onlyNumber" type="text" style="width: 40px" placeholder="0"/>
                        <td><input id="cost" type="text" value="<?php echo $productData->cost ?>" style="width: 70px" placeholder="0"/></td>
                        <td><input id="total_amout"  type="text" style="width:70px" placeholder="0"/></td>
                                             
                    </tr>


                </tbody>
            </table>
            <br />
            <input id="totalUnits" class="" type="hidden" />

        </div>
   
</div>

    <button id="addProducts_shop" type="submit" class="btn_small btn_blue simplemodal-close"><span>Aceptar </span></button>
    <button id="addProducts" type="button" class="btn_small btn_blue simplemodal-close"><span>Aceptar y agregar otro</span></button>
    <script>
        function regresa_listar_productos(){
			$.ajax({
				'url' : url+'/product_selection_modal/',
				'type' : 'POST',
				'data' : {
					'code': '',
					'description': '',
					'needProductsStock': '<?php echo $needProductsStock;?>'
				},
				'success' : function(res){
					$('#add-product-model').html(res);
				}
			});
		}
		$(document).ready(function(){
			$('#Listar_productos').click(function(e) {
					regresa_listar_productos();
			});
		})
    </script>
    <button id="Listar_productos" type="submit" class="btn_small btn_blue simplemodal-close"><span>Buscar otro Producto</span></button>
    <button id="mostrar_almacenes" type="submit" class="btn_small btn_blue simplemodal-close" style="margin-top: 3px;"><span>Distribuir Carga</span></button>
    
    <div id="distribuir_carga" style="display: none;">
		<table id="distribucion" border='0' cellpadding='0' cellspacing='0' class='wtbl_list' style='margin-top: 10px;'>
			<tr>
				<th>Nombre de Almacén</th>
				<th>Cajas</th>
				<th>Empaques</th>
				<th>Unidades</th>
			</tr>		
			
			<?php
			foreach( $warehouses as $c ){
			?>
				<tr almacen="<?php echo $c->id; ?>">
						<td align="rigth">
							<?php echo $c->name; ?>
						</td>
						<td align="center">
							<input class="cantUnits onlyNumber" id="cajas" name="cajas" type="" style="width:40px" placeholder="0" />
						</td>
						<td align="center">
							<input class="cantUnits onlyNumber" id="paquetes" name="paquetes" type="text"  style="width:40px" placeholder="0" />
						</td>
						<td align="center">
							<input class="cantUnits onlyNumber" id="unidades" name="unidades" type="text" style="width:40px" placeholder="0" />
						</td>
				</tr>	
				<tr class="tr_even">
							
				</tr>
			
			<?php
			}
			?>
        </table>
		<button id='btn_cancelar_distribucion_carga' type='submit' class='btn_small btn_blue simplemodal-close'>
			<span>Cancelar Distribución</span>
		</button>
			
    </div>
